@charset "utf-8";
@import "main.less";

@media all and (max-width: 1366px){
  body{
    font-size: 14px;
    background-color: @bodyColor;
  }


  .a_removeStyle;
  ul{
  .ul_BaseStyle;
  }


  .main{
    width: 900px;
    .margin_Auto;
    .margin_top(3rem);
  }

  .leftBody{
    .size(160px,auto);
    .card(0,0);
    float: left;
    .margin_top(36px);
    .margin_bottom(36px);
    .padding_bottom(16px);
  }

  .rightBody{
    .size(720px,auto);
    .card(0,0);
    float: left;
    .margin_left(20px);
    .margin_top(36px);
    .padding_top(16px);
  }



  .module_Title{
    .border_left(#999999,5px);
    line-height: 38px;
    font-size: 18px;
    .margin_left(8px);
    .margin_top(24px);
    .padding_left(4px);
  }

  .content_Category{
    li{
      line-height: 32px;
      width: 80%;
      .margin_Auto;
      font-size: 14px;
      text-align: center;
      .border_bottom(#e0e0e0,1px);
      &:last-child{
        .border(white,0);
      }
      .hover_default(#f8f8f8,@font_blue);
    }
  }
  .action{
    .action_default(white,@font_blue);
  }


  /**
  文章收藏
   */
  .content_Title{
    .border_left(#F6A51E,3px);
    line-height: 28px;
    font-size: 18px;
    .margin_left(24px);
  }
  .content{
    .size(100%,auto);
    .margin_top(16px);
    .padding_bottom(100px);
    background-color: white;
  }

  .articleItem{
    .size(320px,82px);
    .card();
    display: inline-block;
    .margin_All(0,0,12px,16px);
    .hover_shadow(8px,#cadbe9,white);
  }
  .article_Pic{
    float: left;
    .size(99px,66px);
    .margin(8px,8px);
  }
  .articleTitle{
    color: @a_color;
    .size(189px,50px);
    float: left;
    .margin_top(8px);
    .padding_right(16px);
  }
  .articleInfo{
    position: relative;
    right: 8px;
    height: 16px;
    img{
      float: left;
      margin-right: 4px;
      margin-left: 8px;
    }
    div{
      color: #bcbcbc;
      float: left;
      line-height: 16px;
      font-size: 12px;
    }
  }
  .articleDelete{
    float: right;
    .margin_right(20px);
  }

  .Page{
    .page_default();
    .action{
      .action_default();
    }
    li{
      .padding(10px,10px);
      .margin(0px,8px);
    }
  }

  /**
  ****FM
   */
  .FM_Title{
    color: @a_color;
    .size(188px,16px);
    float: left;
    .text_overflow();
    .margin_top(8px);
    .margin_bottom(4px);

    .padding_right(16px);
  }
  .FM_Time{
    .size(180px,20px);
    span{
      color:#FF9966;
    }
    font-size: 10px;
    color: @infoColor;
    .margin_top(8px);
    .margin_bottom(2px);
    float: left;
  }


  .activity_Title{
    color: @a_color;
    .size(180px,16px);
    float: left;
    .margin_top(8px);
    .margin_bottom(10px);
    .padding_right(16px);
    .text_overflow(1);
  }

  .activity_Time{
    .size(190px,16px);
    .text_overflow(1);
    span{
      color:#FF9966;
    }
    font-size: 14px;
    color: @infoColor;
    margin-bottom: 2px;
    float: left;
  }
  .activity_Info{
    position: relative;
    right: 8px;
    height: 16px;
    img{
      float: left;
      margin-right: 4px;
      margin-left: 6px;
    }
    div{
      color: #bcbcbc;
      float: left;
      line-height: 16px;
      font-size: 12px;
    }
  }

  .messageItem{
    .size(90%,auto);
    .shadow_all(12px);.radius();
    .hover_shadow(8px,#cadbe9,white);;
    .margin_Auto;
    .margin_bottom(16px);
    .padding_bottom(8px);
  }
  .message_headPhoto{
    .size(50px,50px);
    float: left;
    .margin(8px,8px);
  }
  .message_info{
    .padding_top(6px);
    height: 30px;
    line-height: 30px;
    div {
      &:first-child {
        float: left;
        color: @font_blue;
      }
    }
    span{
      float: right;
      .margin_right(12px);
      color: @contentColor;
    }
  }
  .message_type{
    .margin_top(2px);
  }
  .message_content{
    .margin_top(8px);
    float: right;
    width: 582px;
    color: @contentColor;
  }

  .comment_info{
    color: @a_color;
    .padding_top(6px);
    height: 30px;
    line-height: 30px;
    div {
      &:first-child {
        float: left;
      }
    }
    span{
      float: right;
      .margin_right(12px);
      color: @contentColor;
    }
  }
  .comment_type{
    .margin_top(2px);
    color: @font_blue;
    color: black;
  }

  .user_headPhoto{
    width: 90%;
    .margin_Auto;
    & div:first-child{
      .padding(24px,8px);
      float: left;
    }
    img{
      .margin_left(32px);
      .size(100px,100px);
      float: left;
    }
    button{
      float: right;
      .margin_right(24px);
      .margin_top(42px);
      .btn_default(fill,100px,28px);
    }
    span{
      float: right;
      .margin_top(50px);
      font-size: 12px;
      color:@handleColor;
    }
  }

  .user_userName{
    .padding_top(24px);
    width: 90%;
    .margin_Auto;
    & div:first-child{
      .padding(24px,8px);
      float: left;
    }
    input{
      font-size: 14px;
      color: @contentColor;
      .size(240px,24px);
      .radius;
      .border(#d5d5d5,1px);
      .padding_left(8px);
      .margin_top(18px);
      .margin_left(20px);
      float: left;
    }
  }

  .user_address{
    .padding_top(32px);
    width: 90%;
    .margin_Auto;
    & div:first-child{
      .padding(24px,8px);
      float: left;
      .margin_right(20px);
    }
    select{
      .size(auto,28px);
      text-align: center;
      .margin_top(20px);
      .border(@handleColor);
      .radius();
    }
    input{
      font-size: 16px;
      color: @contentColor;
      .size(520px,28px);
      .radius;
      .border(#d5d5d5,1px);
      .padding_left(8px);
      .margin_top(4px);
    }
  }
  .user_email{
    .padding_top(16px);
    width: 90%;
    .margin_Auto;
    & div:first-child{
      .padding(24px,8px);
      float: left;
      .margin_right(20px);
    }
    input{
      font-size: 16px;
      color: @contentColor;
      .size(300px,24px);
      .radius;
      .border(#d5d5d5,1px);
      .padding_left(8px);
      .margin_top(18px);
      .margin_left(16px);
    }
  }

  .user_intro{
    .padding_top(32px);
    width: 90%;
    .margin_Auto;
    & div:first-child{
      .padding(24px,8px);
      float: left;
      .margin_right(20px);
    }
    textarea{
      .margin_top(20px);
      .margin_left(16px);
      .size(520px,120px);
      .border(@handleColor,1px);
      resize: none;
      font-size: 20px;
      .radius();
    }
  }

  .user_submit{
    .btn_submit(fill,100px,48px);
    float: right;
    .margin(24px;70px);
  }

  .user_password{
    .padding_top(32px);
    width:80%;
    .margin_Auto;
    & div:first-child{
      .size(100px,30px);
      .padding(24px,8px);
      float: left;
      text-align: right;
      .margin_right(20px);
    }
    input{
      font-size: 16px;
      color: @contentColor;
      .size(240px,28px);
      .radius;
      .border(#d5d5d5,1px);
      .padding_left(8px);
      .margin_top(16px);
      .margin_left(12px);
    }
    button{
      .btn_default(fill,100px,35px);
    }
  }
  .user_forgetPwd{
    color: @font_blue;
    display: block;
    float: left;
    .margin_top(44px);
    .margin_left(4px);
  }

  .auditItem {
    .size(90%, auto);
    .shadow_all(12px);.radius();
    .margin_Auto;
    .padding_All(8px,8px,12px,16px);
    .margin_bottom(16px);
    .hover_shadow(8px,#cadbe9,white);;
  }
  .audit_pic{
    img{
      .size(120px,80px);
      float: left;
      .margin(8px,8px);
    }
  }
  .audit_activityName{
    .padding_top(8px);
    font-size: 18px;
    color: #30a9de;
  }
  .audit_pass{
    font-size: 14px;
    color: @handleColor;
    .margin_top(12px);
    span{
      color: #fe9652;
    }
  }
  .audit_info{
    font-size: 14px;
    .margin_top(12px);
    .margin_bottom(8px);
    line-height: 14px;
    color: @handleColor;
    img{
      float: left;
    }
    span{
      display: block;
      float: left;
      .margin_left(4px);
      .margin_right(16px);
    }
    span:last-child,span:nth-child(5){
      .margin_right(0px);
      .margin_left(16px);
      color: #fe9652;
      span{
        color: @handleColor;
        float: right;
      }
    }
  }
  .audit_reason{

    font-size: 14px;
    .margin_top(16px);
    .padding_bottom(8px);
    span{
      color: #fe9652;
      float: left;
    }
    div{
      color: #525252;
      float: left;
      width: 540px;
      .margin_left(8px);
      .margin_right(30px);
      .margin_bottom(16px);
    }
  }


  .titleItem{
    .size(90%,auto);
    .shadow_all(12px);.radius();
    .margin_Auto;
    .margin_bottom(16px);
    .padding_All(8px,0px,8px,16px);
    img{
      .size(48px,48px);
      display: block;
      float: left;
    }
  }
  .title_Name{
    line-height: 50px;
    float: left;
    .margin_left(8px);
    .margin_right(24px);
  }
  .title_Time{
    background-color: #5EBCEB;
    float: left;
    .margin_top(8px);
  }
  .title_getTime{
    color: #bababa;
    .margin_top(8px);
    span{
      color: #fe9652;
      .margin_right(8px);
    }
  }
  .title_endTime{
    color: #bababa;
    .margin_top(8px);
    float: left;
    span{
      color: #fe9652;
      .margin_right(8px);
    }
  }
  .title_defaultUse{
    .btn_purple(fill,100px,32px);
    float: right;
    position: relative;
    bottom: 10px;
    right: 16px;
  }
  .title_use{
    .btn_default(fill,100px,32px);
    float: right;
    position: relative;
    bottom: 10px;
    right: 16px;
  }


  .title_get{
    .padding_top(16px);
    float: left;
    .title_get_time{
      color: #7e8e99;
      float: left;
      span{
        color: #fe9652;
        .margin_right(8px);
      }
    }
    .title_get_reason{
      color: #7e8e99;
      max-width: 270px;
      float: left;
      .margin_left(24px);
      span{
        color: #fe9652;
        .margin_right(8px);
      }
    }
  }
  .title_lose{
    .padding_top(16px);
    float: right;
    .margin_right(16px);
    .title_lose_time{
      color: #7e8e99;
      float: left;
      span{
        color: #fe9652;
        .margin_right(8px);
      }
    }
    .title_lose_reason{
      color: #7e8e99;
      max-width: 270px;
      float: left;
      .margin_left(24px);
      span{
        color: #fe9652;
        .margin_right(8px);
      }
    }
  }


}